<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

  <script>
  $(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
  </script>

	<div id="healthCareContents">

		<div id="healthCareContents-sub">
			<div id="memberDetail">
				<div id="image"><img src="image/profile.png"></div>	
				<div>
					<div>
						<div style="margin-top: 42px;">
							<span style="font-family: sans-serif; font-weight: bold; font-size: 23px;">
								<a href="" style="text-decoration: none;">버피</a>
							</span>
						</div>
					</div>
					<div></div>
				</div>	
			</div>
			
			<div id="dialog" title="Basic dialog">
  <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 
<button id="opener">Open Dialog</button>
			<div>
				<div id="main-scheldular">
					<div id="total-scheldular">
						<div></div>	
					</div>
					<div id="today-sport">
						<div>오늘의 운동표</div>
						<div>
							<table style="margin: 0 auto; margin: 0 auto; width: 428px;">
								<tr>
									<th></th>
									<td></td>
								</tr>
								<tr>
									<th></th>
									<td></td>
								</tr>
								
							</table>	
						</div>	
					</div>
					<div id="main-chart"></div>
					<div id="today-food">
						<div><span style="display: inline-block; margin-top: 14px;font-weight: bold; font-size: 16px; ">오늘의 식단표</span></div> 
						<table id="today-food-table" style="width: 100%; height: 197px;">
							<tr style="border: 1px solid black; height: 22px; width: 100%; }">
								<th>아침</th>
								<th>점심</th>
								<th>저녁</th>
							</tr>	

							<tr style="border: 1px solid black; height: 137px;">
								<td></td>	
								<td></td>	
								<td></td>	
							</tr>

							<tr style="height: 30px;">
								<td colspan="3" style="text-align: center; color: darkgray;">총 하루 칼로리 845kcal로 목표 감량까지 3달 정도 예상합니다 </td>	
							</tr>
						
						</table>	
					</div>
				</div>	
			</div>
		</div>    
    </div>